<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>公共模板</title>
    <th:block th:fragment="commonHead">
        <meta charset="utf-8"/>
        <meta name="description" content="Dashboard"/>
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="shortcut icon" th:href="@{/img/favicon.ico}" type="image/x-icon">
        <base th:href="@{/}">
        <link th:href="@{/lib/bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet"/>
        <link th:href="@{/lib/jquery-ui/css/beyond.min.css}" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" th:href="@{/lib/toastr-2.1.3/build/toastr.min.css}">
        <link rel="stylesheet" th:href="@{/lib/jquery-confirm-3.2.3/dist/jquery-confirm.min.css}">
        <link rel="stylesheet" th:href="@{/lib/jquery-ui-1.12.1/themes/base/jquery-ui.min.css}">
        <link rel="stylesheet" th:if="${@projectConfig.environment == 'inner'}" th:href="@{/lib/jquery-ui/css/skins/darkblue.min.css}">
        <link rel="stylesheet" th:if="${@projectConfig.environment == 'outer'}" th:href="@{/lib/jquery-ui/css/skins/blue.min.css}">
        <link rel="stylesheet" th:if="${@projectConfig.environment == 'bank'}" th:href="@{/lib/jquery-ui/css/skins/green.min.css}">
        <script th:src="@{/lib/jquery-ui-1.12.1/external/jquery/jquery.js}"></script>
        <script th:src="@{/lib/jquery-ui-1.12.1/jquery-ui.js}"></script>
        <script th:src="@{/lib/bootstrap-3.3.7/js/bootstrap.min.js}"></script>
        <script th:src="@{/lib/toastr-2.1.3/build/toastr.min.js}"></script>
        <script th:src="@{/lib/jquery-confirm-3.2.3/dist/jquery-confirm.min.js}"></script>
        <script th:src="@{/lib/JsonExportExcel/dist/JsonExportExcel.min.js}"></script>
        <script th:src="@{/lib/store.js-2.0.12/dist/store.legacy.min.js}"></script>
        <script th:src="@{/lib/jquery-validation-1.16.0/dist/jquery.validate.js}"></script>
        <script th:src="@{/lib/jquery-validation-1.16.0/dist/localization/messages_zh.js}"></script>
        <!--Page Related Scripts-->
        <link th:href="@{/css/common.css}" rel="stylesheet"/>
        <script th:src="@{/js/common.js}"></script>
    </th:block>
</head>
<body>
<!--列表模板-->
<div class="page-body">
    <div class="panel panel-primary">
        <div class="panel-heading bg-blue">
            商品列表
        </div>
        <div class="widget-body">
            <div class="table-toolbar">
                <span class=" ">
                    <a href=" " class="btn btn-default shiny">
                        删除
                    </a>
                    <a href=" " class="btn btn-default shiny">
                        导出清单
                    </a>
                </span>
            </div>
            <table class="table">
                <thead>
                <tr role="row">
                    <th>

                    </th>
                    <th>

                    </th>
                    <th>
                        参考价
                    </th>
                    <th>
                        结算价
                    </th>
                    <th>
                        单位
                    </th>
                    <th>
                        创建时间
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>

                <tbody>
                <tr>
                    <td>
                        <img src="../../img/temp1.png" width="40" height="40">
                    </td>
                    <td>
                        <h6 class="td-describe">我是商品名称,我是方便面,我是一桶有洁癖的方便面大家快来吃我吧</h6>
                        <span class="dim-text">商品编号:MP12345678</span>
                    </td>
                    <td>4.05</td>
                    <td>4.05</td>
                    <td>包</td>
                    <td class="center ">2017-03-19 18:20</td>
                    <td>
                        <a href="" class="dropdown-toggle" type="button">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="../../img/temp1.png" width="40" height="40">
                    </td>
                    <td>
                        <h6 class="td-describe">我是商品名称,我是方便面,我是一桶有洁癖的方便面大家快来吃我吧</h6>
                        <span class="dim-text">商品编号:MP12345678</span>
                    </td>
                    <td>4.05</td>
                    <td>4.05</td>
                    <td>包</td>
                    <td class="center ">2017-03-19 18:20</td>
                    <td>
                        <a href="" class="dropdown-toggle" type="button">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div><!-- end of panel -->
</div>
<!--新增/修改模板-->
<div class="modal-box">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">添加商品</h4>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品名称 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="添加商品名称">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品编号 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="添加商品编号">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品图片 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <img class="add-img" src="../../img/temp1.png">
                        <input type="file" id="exampleInputFile">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 商品分类 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="副食品" disabled>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 规格 </label>
                    <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="ml" disabled>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 供应商 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <select class="form-control m-bot15">
                                <option>南旭实业</option>
                                <option>NO. 2</option>
                                <option>NO. 3</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 单位 </label>
                    <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="包" disabled>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 参考价 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="例:100.00">
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-3 col-sm-4 col-xs-12 control-label"> 零售价 </label>
                    <div class="col-lg-6 col-md-7 col-sm-8 col-xs-12">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="例:100.00">
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <label  class="col-lg-2 col-md-2 col-sm-4 col-xs-4 control-label"> 结算价 </label>
                    <div class="col-lg-6 col-md-4 col-sm-8 col-xs-8">
                        <div class="iconic-input right">
                            <input type="text" class="form-control spinner" placeholder="例:100.00">
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-blue">确认添加</button>
    </div>
</div>
</body>
</html>